<template>
  <div id="app">xxxxxxxxxx</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class HelloWorld extends Vue {
  isCollapse = false;
  defaultTab = {
    title: '主页',
    value: '/',
    closable: false
  };
  menuData: any[] = [
    {
      icon: 'bs-icon-fengxiandapan',
      index: '/',
      title: '主页'
    },
    {
      icon: 'bs-icon-yujingguanli',
      index: 'list',
      title: '模块一',
      children: [
        {
          index: '/list',
          title: '模块页面'
        }
      ]
    }
  ];

  created() {
    function foo(a, b, c, d) {}

    foo(function() {
      console.log('ss');
    });

    function wowJs() {}

    function suchFunction() {}

    function muchParameters() {}

    function shouldReformat() {}

    foo(wowJs(), suchFunction(), muchParameters(), shouldReformat());
    console.log('sssssxxxxxxxxxxxxxxxxxxxxxscccccccccccclclsssssssssssssssssssssssssscdsssxxx');
    const { a, b, c, d, f, e } = {};

    const aa = 0;
    const bb = 1;
    if (aa == bb) {
      console.log('dddd');
    }
    console.log('dddd');
  }

  toogleMenu(val: boolean) {
    this.isCollapse = val;
    const a = 1;
    console.log('a fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff', a);
  }
}
</script>
<style lang="scss">
body {
  margin: 0px;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
}

.main {
  margin-top: 56px;
  margin-left: 80px;
  padding: 8px 20px;
  box-sizing: border-box;
  height: calc(100vh - 56px);
}

.main.shrink {
  margin-left: 242px;
}

.page-content {
  background: #fff;
  border-radius: 0 0 2px 2px;
  padding: 20px;
  height: 100%;
}
</style>
